<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>tu的响应式</title>
    <!--视口                             屏幕的宽是设备的宽                                            不让缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <!--<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">让ie支持新技术-->
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">

</head>
<body>
<div class="container"><!--div class="container"   是固定布局 居中-->
    <!--div class="container-fluid"   是流式布局  占满屏-->
    <img style="width: 600px;height:600px;" src="../lunbo/imgs/lunbo3.jpg" class="img-responsive img-rounded img-circle"  alt="tu1">
    <!--img-responsive  图的响应式     img-rounded 图的圆角   img-circle图的椭圆形    要想成全圆  用样式加宽高   -->
    <img  src="../lunbo/imgs/lunbo3.jpg" class="img-thumbnail" >
    <!-- img-thumbnail  缩略图  是有边框的-->
        </div>
</body>
</html>